<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,maximum-scale=1.0">
    <title>我的小组</title>
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/main.css"/>
    <script src="js/zepto-1.2.0.js"></script>
    <script src="js/main.js"></script>
</head>
<body>
<div class="nav">
    <a class="logo" href="javascript:;"></a>
    <a class="myClass" href="groupAdd.html">我的小组</a>
    <span class="a_nav"></span>
</div>
<header></header>
<section class="sec_orderPay">
    <div class="group_div">
        <div class="group_title">
            <strong class="s_left">三人学习小组</strong>
            <span class="s_right s_blue">试听课</span>
        </div>
        <div class="div_center">
            <div class="group_img">
                <img src="images/girl_cry.jpg" alt="会员图片"/>
                <p>小天使</p>
                <span class="s_blue s_position">组长</span>
            </div>
            <div class="group_img"><img src="images/vip_who.png" alt="会员图片"/></div>
            <div class="group_img"><img src="images/vip_who.png" alt="会员图片"/></div>
        </div>
        <div class="group_progress">
            <a href="groupApplying.html">
                <strong class="s_left">小组进度：<em class="em_red">1</em>/<em>3</em> 差<em class="em_red">2</em>人开课</strong>
                <span class="s_right s_red">申请中</span>
            </a>
        </div>
    </div>
    <div class="group_div">
        <div class="group_title">
            <strong class="s_left">三人学习小组</strong>
            <span class="s_right s_blue">试听课</span>
        </div>
        <div class="div_center">
            <div class="group_img">
                <img src="images/girl_cry.jpg" alt="会员图片"/>
                <p>小天使</p>
                <span class="s_blue s_position">组长</span>
            </div>
            <div class="group_img"><img src="images/vip_who.png" alt="会员图片"/></div>
            <div class="group_img"><img src="images/vip_who.png" alt="会员图片"/></div>
            <div class="group_img"><img src="images/vip_who.png" alt="会员图片"/></div>
        </div>
        <div class="group_progress">
            <a href="classDetail.html">
                <strong class="s_left">小组进度：<em class="em_red">1</em>/<em>3</em> 差<em class="em_red">2</em>人开课</strong>
                <span class="s_right s_red">申请中<span class="s_applying">1</span></span>
            </a>
        </div>
    </div>
    <div class="group_div">
        <div class="group_title">
            <strong class="s_left">三人学习小组</strong>
            <span class="s_right s_blue">试听课</span>
        </div>
        <div class="div_center">
            <div class="group_img">
                <img src="images/girl_cry.jpg" alt="会员图片"/>
                <p>小天使</p>
                <span class="s_blue s_position">组长</span>
            </div>
            <div class="group_img">
                <img src="images/girl_cry.jpg" alt="会员图片"/>
                <p>哭啥哭</p>
                <span class="s_blue s_position">组员</span>
            </div>
        </div>
        <div class="group_progress">
            <a href="javascript:;">
                <strong class="s_left">小组进度：<em class="em_red">2</em>/<em>2</em></strong>
                <span class="s_right">&gt;</span>
            </a>
        </div>
    </div>
</section>
<footer class="space_use"></footer>
<div class="list_nav">
    <li><a href="index.html">首页</a></li>
    <li><a href="index.html">正式课程</a></li>
    <li><a href="javascript:;">预约试听</a></li>
    <li><a href="javascript:;">附近小组</a></li>
    <li><a href="vipCenter.html">个人中心</a></li>
</div>
</body>
</html>